﻿<div class="input-group editfieldarea" name="editfieldform">
    <!--<span>{{dynamicPopover.fldType}}</span>-->
    <input type="text" class="form-control" id="textfld" ng-model="dynamicPopover.ngModel" ng-click="dynamicPopover.initField($event)" ng-if="dynamicPopover.fldType=='text'" autofocus />
    <input type="number" class="form-control" id="numberfld" ng-model="dynamicPopover.ngModel" ng-click="dynamicPopover.initField($event)" ng-if="dynamicPopover.fldType=='number'" />
    <input type="checkbox" id="checkboxfld" ng-model="dynamicPopover.ngModel" ng-click="dynamicPopover.initField($event)" ng-if="dynamicPopover.fldType=='checkbox'" />
    <input type="date" class="form-control" id="datefld" placeholder="dd MMM yyyy" ng-model="dynamicPopover.ngModel" ng-click="dynamicPopover.initField($event)" ng-if="dynamicPopover.fldType=='date'" />
    <input type="radio" id="radiofld" ng-model="dynamicPopover.ngModel" ng-click="dynamicPopover.initField($event)" ng-if="dynamicPopover.fldType=='radio'" value="Y" /><label ng-if="dynamicPopover.fldType=='radio'">Yes</label>
    <input type="radio" id="radiofld" ng-model="dynamicPopover.ngModel" ng-click="dynamicPopover.initField($event)" ng-if="dynamicPopover.fldType=='radio'" value="N" /><label ng-if="dynamicPopover.fldType=='radio'">No</label>
    <textarea rows="4" cols="25" ng-model="dynamicPopover.ngModel" ng-click="dynamicPopover.initField($event)" id="textareafld" ng-if="dynamicPopover.fldType=='textarea'" autofocus>{{dynamicPopover.ngModel}}</textarea>
    <select id="selectfld" class="form-control"
            ng-options="option.VALUE as option.VALUE for option in dynamicPopover.options"
            ng-model="dynamicPopover.ngModel" ng-click="dynamicPopover.initField($event)" ng-if="dynamicPopover.fldType=='select'">
        <option value="">-- Select value --</option>
    </select>
    <span class="input-group-btn">
        <button class="btn btn-default" type="submit" id="updateButton" ng-click="dynamicPopover.update($event )"><i class=" glyphicon glyphicon-ok"></i> </button>
        <button class="btn btn-default" type="button" id="closeButton" ng-click="dynamicPopover.close($event)"><i class=" glyphicon glyphicon-remove"></i> </button>
    </span>
</div>
